import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
})
export class HomeComponent implements OnInit {
public flag:boolean=true;

  constructor() { }

  ngOnInit(): void {
    //组件和初始化完成，并不是真正地dom加载完成
    let oBox:any =document.getElementById('box');
    console.log(oBox.innerHTML);
    oBox.style.color='red';

    //获取不到dom节点
    // let oBox1:any = document.getElementById('box1');
    // console.log(oBox1.innerHTML);
    // oBox1.style.color='blue';

  }
  
  //视图加载完成以后触发 dom加载完成（建议dom操作放在这个里面）
  ngAfterViewInit():void {
    let oBox1:any = document.getElementById('box1');
    console.log(oBox1.innerHTML);
    oBox1.style.color='blue';
  }

}
